<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>历史订单</title>
    <link rel="stylesheet" href="styles.css">
</head>

<body>
    <header>
        <h1>历史订单</h1>
    </header>
    <nav>
        <ul>
            <li><a href="index.html">主页</a></li>
            <li><a href="warehouse.html">查看仓库</a></li>
            <li><a href="add-warehouse.html">添加仓库</a></li>
            <li><a href="add-item.html">添加物品</a></li>
            <li><a href="history.html">历史订单</a></li>
        </ul>
    </nav>
    <main>
        <h2>订单记录</h2>
        <table>
            <thead>
                <tr>
                    <th>订单ID</th>
                    <th>日期</th>
                    <th>仓库ID</th>
                    <th>仓库名称</th>
                    <th>物品ID</th>
                    <th>物品名称</th>
                    <th>数量</th>
                    <th>预估单价</th>
                </tr>
            </thead>
            <tbody>
                <!-- 示例数据行，实际应用中会由数据库动态生成 -->
                <tr>
                    <td>1</td>
                    <td>2024-05-08</td>
                    <td>1</td>
                    <td>一号仓库</td>
                    <td>1</td>
                    <td>机械臂</td>
                    <td>50</td>
                    <td>2000.00</td>
                </tr>
                <!-- 继续添加其他订单数据 -->
            </tbody>
        </table>
    </main>
    <footer>
        <p>&copy; SuperXiaoMa 仓库管理系统. 版权所有.</p>
    </footer>
    <script src="script.js"></script>
</body>

</html>